<script>
import Swiper from './Swiper'
import RecomList from './RecomList'
export default {
  components: {
    Swiper,
    RecomList
  }
}
</script>
<template lang="pug">
.comp-recom
  .c_bg_main
    Swiper
    .recom-nav
      .recom-nav__item
        img(src="./img/icon-fm.png")
        p 私人FM
      .recom-nav__item
        img(src="./img/icon-dariy.png")
        p 每日推荐
      .recom-nav__item
        img(src="./img/icon-music.png")
        p 歌单
      .recom-nav__item
        img(src="./img/icon-paihang.png")
        p 排行榜
    RecomList
</template>
<style lang="stylus" scoped>
.comp-recom
  >.c_bg_main
    height 120px
  .recom-nav
    display flex
    padding-bottom 20px
    border-bottom 1px solid #eaeaea
    .recom-nav__item
      flex 1
      text-align center
</style>
